Vue.js 3.x のテンプレート構文
https://v3.ja.vuejs.org/guide/template-syntax.html 参照
Vue.js 3.x では HTML ベースのテンプレート構文が使われる
JSX で記述することも可能 ()
データバインディングの基本は Mustache 構文
{{ /* ここに JS 式を記述 */ }} で文字列埋め込み
コンポーネントのプロパティ更新時には自動で反映される
ディレクティブ : v- という接頭辞で始まる特別な属性
ディレクティブの引数
コロンの後ろが引数 (v-bind:title="title")
角括弧で囲むと JavaScript 式を記述可能 (v-bind:[bindTarget]="bindValue")
修飾子もある (v-on:submit.prevent="onSubmit")
v-on と v-for 以外は単一の JavaScript 式を期待する
v-bind と v-on には省略記法がある
v-bind:foo="..." → :foo="..."
v-on:bar="..." → @bar="..."